/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

	*
	{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	body
	{
		background: #202021;
		font-family: 'Open Sans', sans-serif;
		font-size: 10pt;
		color: #e6e6e6;
	}

	form
	{
	}
	
		form input,
		form select,
		form textarea
		{
			-webkit-appearance: none;
		}
			
	br.clear
	{
		clear: both;
	}
	
	h1, h2, h3
	{
		font-weight: 300;
		color: #fec63e;
	}
	
	p, ul, ol, dl, table
	{
		margin-bottom: 1em;
	}
	
	p
	{
		line-height: 2em;
	}
	
	a
	{
		color: #0087cd;
	}
	
	section,
	article
	{
		margin-bottom: 3em;
	}
	
	section > :last-child,
	article > :last-child
	{
		margin-bottom: 0;
	}

	section:last-child,
	article:last-child
	{
		margin-bottom: 0;
	}

	.image
	{
		display: inline-block;
	}
	
		.image img
		{
			display: block;
			width: 100%;
		}

	.image-full
	{
		display: block;
		width: 100%;
		margin: 0 0 2em 0;
	}
	
	.image-left
	{
		float: left;
		margin: 0 2.5em 2em 0;
	}
	
		.image-left img
		{
			position: relative;
			top: 0.35em;
		}
	
	.image-centered
	{
		display: block;
		margin: 0 0 2em 0;
	}

		.image-centered img
		{
			margin: 0 auto;
			width: auto;
		}

	.button
	{
		display: inline-block;
		padding: 1.10em 0em 1.10em 1.25em;
		background: #0087cd url(images/bg05.png) no-repeat right top;
		background-size: 100% 100%;
		-moz-transition: background-color .25s ease-in-out;
		-webkit-transition: background-color .25s ease-in-out;
		-o-transition: background-color .25s ease-in-out;
		-ms-transition: background-color .25s ease-in-out;
		transition: background-color .25s ease-in-out;
		text-decoration: none;
		font-size: 1.10em;
		color: #FFFFFF;
		outline: 0;
	}	

		.button:hover
		{
			background-color: #119ee7;
		}
		
		.button:active
		{
			background-color: #007cc2;
		}
		
		.button-icon
		{
			position: relative;
		}
		
			.button-icon:after
			{
				content: '';
				display: inline-block;
				width: 50px;
			}
		
			.button-icon:before
			{
				content: '';
				display: inline-block;
				width: 50px;
				height: 50px;
				background: url('images/icons.png');
				position: absolute;
				right: 1.25em;
				top: 50%;
				margin-top: -24px;
			}
			
			.button-icon-arrow:before
			{
				background-position: -55px -27px;
			}
			
			.button-icon-big-arrow:before
			{
				width: 70px;
				height: 70px;
				background-position: -0px -14px;
				right: 10px;
			}

			.button-icon-banner-arrow:before
			{
				background-position: -55px -14px;
				opacity: .40;
				right: 15px;
			}

			.button-icon-paper:before
			{
				background-position: -48px 0px;
			}
	
			.button-icon-question:before
			{
				background-position: 0px -48px;
			}

	.button-padding
	{
		margin-top: 1em;
	}
	
	.button-alt
	{
		background-color: #d93d00;
	}

		.button-alt:hover
		{
			background-color: #f35111;
		}
		
		.button-alt:active
		{
			background-color: #d43800;
		}
	
	.button-alt2
	{
		background-color: #414141;
	}

		.button-alt2:hover
		{
			background-color: #575757;
		}
		
		.button-alt2:active
		{
			background-color: #363636;
		}
    
    
    
    
    
    .button-alt3
	{
		background-color: #009900;
	}

		.button-alt3:hover
		{
			background-color: #00b600;
		}
		
		.button-alt3:active
		{
			background-color: #008800;
		}
    
    
    
    .button-alt4
	{
		background-color: #900090;
	}

		.button-alt4:hover
		{
			background-color: #b200b2;
		}
		
		.button-alt4:active
		{
			background-color: #7f007f;
		}
    
    
    
     .button-alt5
	{
		background-color: #f78600;
	}

		.button-alt5:hover
		{
			background-color: #ff981d;
		}
		
		.button-alt5:active
		{
			background-color: #e27b02; 
		}
    
    
    
     .button-alt6
	{
		background-color: #1b58b8;
	}

		.button-alt6:hover
		{
			background-color: #3767b3;
		}
		
		.button-alt6:active
		{
			background-color: #064bb7; 
		}

	
		.button-small
		{
		}
		
		.button-big
		{
			width: 100%;
			font-size: 2em;
			padding: 1.30em 0em 1.30em 0;
			font-weight: 300;
			text-align: center;
		}

			.button-icon-follow
			{
				padding: 0;
				line-height: 80px;
			}

			.button-icon-follow:after
			{
				display: none;
			}

			.button-icon-follow:before
			{
				width: 50px;
				height: 50px;
				display: inline-block;
				position: relative;
				left: 0;
				right: 0;
				top: 18px;
				margin: 0 8px 0 0;
			}
		
			.button-icon-follow1:before
			{
				background-position: 9px -100px;
			}
			
			.button-icon-follow2:before
			{
				background-position: -60px -100px;
			}
			
			.button-icon-follow3:before
			{
				background-position: -130px -100px;
			}

		.button-huge
		{
			width: 100%;
			font-size: 2em;
			padding: 1.25em 1em 1.5em 1em;
			letter-spacing: -1px;
		}
		
			.button-huge span
			{
				font-size: 0.70em !important;
				font-weight: 300;
				letter-spacing: 0px;
				opacity: 0.65;
			}
		

	ul.style1
	{
	   list-style-type: disc;
       list-style-position: inside;
       padding-left: 50px;
	}
	
		ul.style1 li
		{
			padding: 1em 0em;
		}
		
		ul.style1 a
		{
		}
			
			ul.style1 a:hover
			{
				text-decoration: none;
			}
		
		ul.style1 .first
		{
			padding-top: 0em;
			border-top: none;	
		}
	

    
    
	ul.style2
	{
	}
	
		ul.style2 li
		{
			clear: both;
			padding: 2em 0em 1em 0em;
			border-top: 1px solid #e0e0e0;
		}
		
		ul.style2 a
		{
			text-decoration: none;
			color: #7f7f7f;
		}
		
			ul.style2 a:hover
			{
				text-decoration: underline;
			}
		
		ul.style2 h3
		{
			letter-spacing: -2px;
			font-weight: 200;
			margin: 0;
		}
		
			ul.style2 h3 a
			{
				display: block;
				padding: 0.25em 0em 0.75em 0em;
				color: #262626;
			}
		
		ul.style2 .first
		{
			padding-top: 0em;
			border-top: none;
		}

	ul.style3
	{
	}

		ul.style3 li
		{
			padding: 1em 0em;
			line-height: 2.50em;
		}
		
		ul.style3 a
		{
			display: block;
			height: 40px;
			padding-left: 4.5em;
		}
		
			ul.style3 a:hover
			{
				text-decoration: none;
			}
		
		ul.style3 .nopad
		{
			display: block;
			line-height: 1.40em;
		}
		
		ul.style3 .link a
		{
			text-decoration: none;
			color: #7f7f7f;
		}
		
		ul.style3 .first
		{
			padding-top: 0;
		}
	
		.email
		{
			position: relative;
			background-position: 0px -182px;
		}
		
			.email:after
			{
				content: '';
				display: inline-block;
				width: 32px;
				height: 32px;
				background: url('images/icons.png');
				position: absolute;
			}
			
			.email:before
			{
				content: '';
				display: inline;
				width: 32px;
				padding-left: 25px;
				margin-left: 0.25em;
			}

	.subtitle
	{
		font-weight: 300;
		color: #a0a0a0;
		text-align: left !important;
	}

/*********************************************************************************/
/* Wrappers                                                                      */
/*********************************************************************************/


	#header-wrapper
	{
		position: relative;
		background: #080808 url(images/bg01.jpg) repeat;
		top: 0;
	}
	
		#header-wrapper:before
		{
			content: '';
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background-image: url(images/bg03.png);
			background-size: 100% 100%;
		}
	
	#banner-wrapper
	{
		position: relative;
		width: 100%; 
		background: #212121 url(images/bg02.jpg) repeat;
	}
	
		#banner-wrapper:before
		{
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			overflow: hidden;
			background-image: url(images/bg04.png);
			background-repeat: no-repeat;
			background-size: 100% auto;
		}
	
	#featured-wrapper
	{
		position: relative;
		background: #FFFFFF;
	}
	
	#main-wrapper
	{
		position: relative;
		background: #202021;
	}

		.homepage #main-wrapper
		{
			background: #f6f6f6;
		}
	
	#footer-wrapper
	{
		position: relative;
    background-image: url ('css/images/footer_bg.png');
    background-repeat:repeat;
	}
  
	
/*********************************************************************************/
/* Banner                                                                        */
/*********************************************************************************/

	#banner
	{
		position: relative;
		z-index: 1;
	}
	
		#banner .image-full
		{
			line-height: 0;
			margin: 0;
		}

/*********************************************************************************/
/* Slider                                                                        */
/*********************************************************************************/

	#slider
	{
		background: #111;
	}

/*********************************************************************************/
/* Featured                                                                      */
/*********************************************************************************/
	
	#featured
	{
		overflow: hidden;
	}
		
		#featured h2
		{
			font-weight: 200;
		}
	
		#featured h3
		{
			font-weight: 300;
		}

/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/

	#footer
	{
		overflow: hidden;
	}
	
		#footer h2
		{
			letter-spacing: -1px;
		}
	
/*********************************************************************************/
/* Copyright                                                                     */
/*********************************************************************************/

	#copyright 
	{
		text-align: center;
		color: #b8b8b8;
	}

		.contact-icon
		{
			position: relative;
		}
		
			.contact-icon:after
			{
				content: '';
				display: inline-block;
				width: 40px;
			}
		
			.contact-icon:before
			{
				content: '';
				display: inline-block;
				width: 40px;
				height: 40px;
				background: #414141 url('images/icons.png');
				-moz-transition: background-color .25s ease-in-out;
				-webkit-transition: background-color .25s ease-in-out;
				-o-transition: background-color .25s ease-in-out;
				-ms-transition: background-color .25s ease-in-out;
				transition: background-color .25s ease-in-out;
				position: absolute;
				left: 0;
				top: 50%;
				margin-top: -24px;
			}
				
				.contact-icon:hover:before
				{
					background-color: #474747;	
				}

				.contact-icon:active:before
				{
					background-color: #545454;	
				}
			
			.contact-icon-email:before
			{
				background-position: 8px -172px;
			}

			.contact-icon-address:before
			{
				background-position: -41px -172px;
			}
			.contact-icon-comment:before
			{
				background-position: -92px -172px;
			}
			.contact-icon-telephone:before
			{
				background-position: -143px -172px;
			}
      
      
      
      
      
      
.taula {
    text-align:center;
    width:400px;
}

.celda0 {
    
    background-color:#fec63e;
    color:black;
    border:solid 1px;
    padding:10px;
    font-weight:bold;
}

.celda0a {
    
    background-color:#fec63e;
    color:#b00000;
    border:solid 1px black;
    padding:10px;
    font-weight:bold;
    text-align:left;
}


.celda1 {
    width:400px;
    background-color:#facf66;
    color:black;
    border:solid 1px;
    padding:10px;
}
.celda1:hover {
    background-color:#f7d991;
}

.celda1a {
    width:400px;
    background-color:#fec63e;
    color:black;
    border:solid 1px;
    padding:10px;
    text-align:left;
    vertical-align:middle;
    font-weight:bold;
}

.celda1b {
    width:400px;
    background-color:#facf66;
    color:black;
    border:solid 1px;
    padding:10px;
    font-weight:bold;
}
.celda1:hover {
    background-color:#f7d991;
}


.celda2 {
    background-color:#facf66;
    color:black;
    border:solid 1px;
    padding:10px;
    vertical-align:middle;
}

.celda2:hover {
    background-color:#f7d991;
}

.celda3 {
    background-color:#facf66;
    color:black;
    border:solid 1px;
    padding:10px;
}
.celda3:hover {
    background-color:#f7d991;
}

.celda4 {
    width:70px;
    background-color:#facf66;
    color:black;
    border:solid 1px;
    padding:10px;
    vertical-align:middle;
}
.celda4:hover {
    background-color:#f7d991;
}

.celda5 {
    width:60px;
    background-color:#facf66;
    color:black;
    border:solid 1px;
    padding:10px;
    vertical-align:middle;
}
.celda5:hover {
    background-color:#f7d991;
}

.celda4a {
    width:70px;
    background-color:#fec63e;
    color:black;
    border:solid 1px;
    padding:10px;
    text-align:left;
    font-weight:bold;
}


.celda5a {
    width:60px;
    background-color:#fec63e;
    color:black;
    border:solid 1px;
    padding:10px;
    text-align:left;
    font-weight:bold;
}


.celda4b {
    width:70px;
    background-color:#facf66;
    color:black;
    border:solid 1px;
    padding:10px;
    font-weight:bold;
}
.celda4b:hover {
    background-color:#f7d991;
}

.celda5b {
    width:60px;
    background-color:#facf66;
    color:black;
    border:solid 1px;
    padding:10px;
    font-weight:bold;
}
.celda5b:hover {
    background-color:#f7d991;
}


.celda300t {
    width:300px;
    background-color:#fec63e;
    color:black;
    border:solid 1px;
    padding:10px;
    vertical-align:middle;
    font-weight:bold;    
}

.celda300 {
    width:300px;
    background-color:#facf66;
    color:black;
    border:solid 1px;
    padding:10px;
    vertical-align:middle;    
}

.celda300:hover {
    background-color:#f7d991;
}

.celda100t {
    width:100px;
    background-color:#fec63e;
    color:black;
    border:solid 1px;
    padding:10px;
    vertical-align:middle;
    font-weight:bold;    
}

.celda100 {
    width:100px;
    background-color:#facf66;
    color:black;
    border:solid 1px;
    padding:10px;
    vertical-align:middle;    
}

.celda100:hover {
    background-color:#f7d991;
}

.celda200t {
    width:200px;
    background-color:#fec63e;
    color:black;
    border:solid 1px;
    padding:10px;
    vertical-align:middle;
    font-weight:bold;
    vertical-align:middle;
    text-align:center;    
}

.linknegre{
    text-decoration:none;
    color:black;
}


.idioma{
        height:30px;
        width:120px;
        background-color:#0087cd;
        color:#fff;
        text-align:center;
        display:table-cell; 
        vertical-align:middle;
        transition: 0.3s;
        -webkit-transition: 0.3s;                          
      } 
      .idioma:hover{
        height:30px;
        width:120px;
        background-color:#00a5fa;
        color:#fff; 
      } 

      .floatdiv{
        float:right;       
        margin-right:40px;
        margin-top: 10px;
      }
      
      
.idiomes{
        height:30px;
        width:100px;
        background-color:#0087cd;
        color:#fff;
        text-align:center;
        display:table-cell; 
        vertical-align:middle;     
        transition: 0.3s;
        -webkit-transition: 0.3s;                          
      } 
.idiomes:hover{
        height:30px;
        width:100px;
        background-color:#00a5fa;
        color:#fff; 
      }
      
.idiomeselcted{
        height:30px;
        width:70px;
        background-color:#0087cd;
        color:#fff;
        text-align:center;
        display:table-cell; 
        vertical-align:middle;                   
      } 
.check{
    background-image: url('../img/check.png');
    background-repeat: no-repeat;
    background-color: #0087cd;
    display:table-cell; 
    background-size: 30px 30px;
    vertical-align: middle;
    width: 30px;
}   

.floatdividiomes{
        float:right;       
        margin-right:40px;
        margin-top: 10px;
        position: absolute;
        right: -40px;
      }      
      
 
 
 
 
 
 
 
 
 /*Efecte botons 3d*/
 /* MOVIE POSTERS */

#movieposters { list-style:none; margin:100px 0; height:550px; }
#movieposters li { display:inline; float:left;
	-webkit-perspective: 500; -webkit-transform-style: preserve-3d;
	-webkit-transition-property: perspective; -webkit-transition-duration: 0.5s; }
#movieposters li:hover { -webkit-perspective: 5000; }
	
#movieposters li .part {  -webkit-transform: rotateY(20deg);

	-webkit-transition-property: transform; -webkit-transition-duration: 0.5s; }
#movieposters li:hover .part2 { -webkit-transform: rotateY(0deg); }

.movieinfo {   width:100px; height:90px;  margin:-108px 0 0 468px; position:absolute;

	-webkit-transform: translateZ(20px) rotateY(20deg);
	-webkit-transition-property: transform, box-shadow, margin; -webkit-transition-duration: 0.5s; }
	
#movieposters li:hover .movieinfo { -webkit-transform: rotateY(0deg); margin:-105px 0 0 448px; }

#movieposters li a{color:white}





#movieposters2 { list-style:none; margin:100px 0; height:550px; }
#movieposters2 li { display:inline; float:left;
	-webkit-perspective: 500; -webkit-transform-style: preserve-3d;
	-webkit-transition-property: perspective; -webkit-transition-duration: 0.5s; }
#movieposters2 li:hover { -webkit-perspective: 5000; }
	
#movieposters2 li .part2 { -webkit-transform: rotateY(-20deg);

	-webkit-transition-property: transform; -webkit-transition-duration: 0.5s; }
#movieposters2 li:hover .part2 { -webkit-transform: rotateY(0deg); }

.movieinfo2 {   width:100px; height:90px;  margin:-108px 0 0 20px; position:absolute;

	-webkit-transform: translateZ(20px) rotateY(-20deg);
	-webkit-transition-property: transform, box-shadow, margin; -webkit-transition-duration: 0.5s; }
	
#movieposters2 li:hover .movieinfo { -webkit-transform: rotateY(0deg);  margin:-175px 0 0 30px; }

#movieposters2 li a{color:white}


.part2{
    background-color: #d93d00;
}

.part{
    background-color: #0087cd;
}

.part2:hover{
    background-color: #FF4800;
}

.part:hover{
    background-color: #00A3F7;
}
	

p a{
            text-decoration: none;
            background-color:#0087cd;
            color: #fff;
            padding:5px 10px;
            transition: 0.3s;
          }
          
          p a:hover{
            background-color:#00a5fa;
          }
          
          table a{text-decoration: none;color:#000;}     
  
  .bold{font-weight: bold;}    